/* CSS Document */
@charset "utf-8";
*{
	margin:0;
	padding:0;
	list-style:none;
}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff2') format('woff2'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff') format('woff'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.ttf') format('truetype'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Glyphicons Halflings';
	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot);
	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
    font-family: 'UVNMuaThu';
    src: url('../fonts/UVNMuaThu.TTF');
}
@font-face {
    font-family: 'UTM French Vanill';
    src: url('../fonts/UTM French Vanilla.ttf');
}
@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/RobotoSlab-Bold.ttf');
}
@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('../fonts/RobotoSlab-Light.ttf');
}
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.ttf');
}
@font-face {
    font-family: 'RobotoSlab-Thin';
    src: url('../fonts/RobotoSlab-Thin.ttf');
}
@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
    font-family: 'SFUDinLight';
    src: url('../fonts/SFUDinLight.TTF');
}
@font-face {
    font-family: 'UTM AvoBold';
    src: url('../fonts/UTM AvoBold.ttf');
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'UTM HelvetIns';
    src: url('../fonts/UTM HelvetIns.ttf');
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
	font-family: 'UTM AvoBold';
    src: url('../fonts/UTM AvoBold.ttf');
}

body
{
	background: url(../images/bg_intro.png);
	background-attachment: fixed;
	background-size: cover;
	font-family: 'OpenSans-Regular';
}
.clear
{
	overflow:hidden;
	clear:both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.none{display:none;}
.body_intro{text-align: center;margin: 0 auto;}
.logo_intro{padding:20px 0;float: left;position: relative;}
.logo_intro:after{content:'';background: url(../images/bg_logo.png) no-repeat;background-size: 100%;width: 412px;height: 301px;position: absolute;top: 0;left: -81px;z-index: 0;margin: 0 auto;text-align: center;}
.logo_intro img{
    position: relative;
    z-index: 1;
    padding: 10px;
}
.banner_intro{
    padding-top: 30px;
}
.banner_intro img{}
.hotline_intro{font-size:18px;color:#effe00;font-family: 'OpenSans-Bold';text-shadow: -1px 0 #000, 0 2px #000, 1px 0 #000, 0 -2px #000;text-transform: uppercase;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px 0;}
.hotline_intro b{font-size:35px;margin-left:10px;}
.box_sanpham{
    text-align: center;
}
.box_sanpham .item_sp{
    display: inline-block;
    position: relative;
    margin-bottom:10px;
    padding-bottom: 20px;
    background: url(../images/box_shadow.png) no-repeat bottom center;
	overflow:hidden;
	background-size: 100%;
}
.box_sanpham .item_sp .img_sp{overflow:hidden;position: relative;border: 10px solid #fff;border-radius: 10px;}
.box_sanpham .item_sp .img_sp img{transition:1s ease;width:100%;}
.box_sanpham .item_sp .img_sp img:hover{transform:scale(1.1);transition:1s ease;}
.box_sanpham .name_sp{
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.63);
    color: #fff;
    width: 100%;
}
.box_sanpham .name_sp h3{
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin:15px 0;
	font-family: 'UTM AvoBold';
	padding:5px 0;
}
.box_sanpham .name_sp h3:hover{color:#f00;}
@media (max-width: 768px){
	.logo_intro{float:none;}
	.banner_intro{padding:0;}
	.box_sanpham .item_sp{background:none;padding:0;}
	.logo_intro:after{left: 0;right: 0;}
}